<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<html lang="cn" class="app">
<head>
    <meta charset="utf-8" />
    <title>${dict:getConfigValueByKey('WEB_NAME','管理平台')} | 会话管理</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="icon" type="image/png" href="icon.png">
    <link rel="apple-touch-icon-precomposed" href="icon.png">
    <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
    <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />
<%--<link rel="stylesheet" href="${ctxStatic}/js/page/paging.css" type="text/css" />--%>
    <!--[if lt IE 9]>
    <script src="${ctxStatic}/js/ie/html5shiv.js"></script>
    <script src="${ctxStatic}/js/ie/respond.min.js"></script>
    <script src="${ctxStatic}/js/ie/excanvas.js"></script>

    <![endif]-->
</head>
<body>
<section class="scrollable wrapper">
    <div class="row">
        <div class="col-lg-12">
            <!-- 引导开始 -->
            <ul class="breadcrumb">
                <li><a href="${ctx}/welcome"><i class="fa fa-home"></i> 主页</a></li>
                <li>系统设置</li>
                <li class="active">会话管理</li>
            </ul>
            <!-- 引导结束 -->
        </div>
    </div>

    <section class="panel panel-default">
        <%--操作区域 开始--%>
        <%--<div class="row wrapper">--%>
            <%--&lt;%&ndash;<div class="col-sm-5 m-b-xs">&ndash;%&gt;--%>
                <%--&lt;%&ndash;<button class="btn btn-sm btn-default" onclick="openModel(false,'${ctx}/sys/dict/create')">新增</button>&ndash;%&gt;--%>
                <%--&lt;%&ndash;<button class="btn btn-sm btn-default" onclick="showTip(this)">如何使用</button>&ndash;%&gt;--%>
            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
            <%--<div class="col-sm-4 m-b-xs">--%>
                <%--&lt;%&ndash;<div class="btn-group" data-toggle="buttons">&ndash;%&gt;--%>
                    <%--&lt;%&ndash;<label class="btn btn-sm btn-default active">&ndash;%&gt;--%>
                        <%--&lt;%&ndash;<input type="radio" name="options"> 每天&ndash;%&gt;--%>
                    <%--&lt;%&ndash;</label>&ndash;%&gt;--%>

                    <%--&lt;%&ndash;<label class="btn btn-sm btn-default">&ndash;%&gt;--%>
                        <%--&lt;%&ndash;<input type="radio" name="options"> 每周&ndash;%&gt;--%>
                    <%--&lt;%&ndash;</label>&ndash;%&gt;--%>

                    <%--&lt;%&ndash;<label class="btn btn-sm btn-default">&ndash;%&gt;--%>
                        <%--&lt;%&ndash;<input type="radio" name="options"> 每月&ndash;%&gt;--%>
                    <%--&lt;%&ndash;</label>&ndash;%&gt;--%>
                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
            <%--</div>--%>
                <%--&lt;%&ndash;搜索区域&ndash;%&gt;--%>
                <%--<div class="col-sm-4" >--%>
                    <%--<div class="input-group">--%>
                        <%--<input type="text" class="input-sm form-control" id="createDateStart" placeholder="请选择开始时间" style="width: 273px;font-size: 16px;">--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="col-sm-4" >--%>
                    <%--<div class="input-group">--%>
                        <%--<input type="text" class="input-sm form-control" id="createDateEnd" placeholder="请选择结束时间" style="width: 273px;font-size: 16px;">--%>
                        <%--<span class="input-group-btn">--%>
                            <%--<button onclick="searchPage(1);" class="btn btn-sm btn-default" type="button">搜索</button>--%>
                        <%--</span>--%>
                    <%--</div>--%>
                <%--</div>--%>
        <%--</div>--%>
        <%--操作区域 结束--%>

        <div class="table-responsive">
            <table class="table table-striped b-t b-light">
                <thead>
                <tr>
                    <th class="text-center" width="5%">序号</th>
                    <th class="text-center" width="15%">会话ID</th>
                    <th class="text-center" width="8%">用户</th>
                    <th class="text-center" width="8%">IP地址</th>
                    <th class="text-center" width="10%">过期时间(ms)</th>
                    <th class="text-center" width="10%">启动时间</th>
                    <th class="text-center" width="10%">最后访问时间</th>
                    <th class="text-center" width="10%">已强制退出</th>
                    <th class="text-center" width="10%">操作</th>
                </tr>
                </thead>
                <tbody id="tplView">

                </tbody>

            </table>
        </div>

            <footer class="panel-footer">
                <div class="row">
                    <%--分页--%>
                    <div id="page" class="col-sm-12 text-right text-center-xs"></div>
                </div>

            </footer>

    </section>

</section>

</body>
<script src="${ctxStatic}/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="${ctxStatic}/js/bootstrap.js"></script>
<!-- App -->
<script src="${ctxStatic}/js/app.js"></script>
<script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>
<script src="${ctxStatic}/js/app.plugin.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/tools.js?version=${ctxVersion}"></script>
<script type="text/javascript" src="${ctxStatic}/js/page/paging.js?12321222222321233232"></script>
<script type="text/javascript" src="${ctxStatic}/js/layer/layer.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/tmpl/jquery.tmpl.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/table2excel/jquery.table2excel.js"></script>
<script id="tplHtml" type="text/x-jquery-tmpl">
    {{if results && results.length>0}}
        {{each results}}
        <tr>
            <td class="text-center" >{{= ($index+1)+(pageNo-1)*10}}</td>
            <td>{{= id}}</td>
            <td class="text-center" >{{= attributes.sessionAccount}}</td>
            <td class="text-center" >{{= host}}</td>
            <td class="text-center" >{{= timeout}}</td>
            <td  class="text-center" >{{= formatDate(startTimestamp)}}</td>
            <td class="text-center" >{{= formatDate(lastAccessTime)}}</td>
            {{if expired}}
            <td class="text-center" >是</td>
            {{else}}
            <td class="text-center" >否</td>
            {{/if}}

            <td class="text-center">
            <shiro:hasPermission name="sys:session:forceLogout">
                <a href="javascript:;" onclick="doLogout('{{= id }}')" class="btn btn-sm btn-danger">强制退出</a>
                <%--<div class="btn-group">--%>
                    <%--<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-pencil"></i></a>--%>
                    <%--<ul class="dropdown-menu pull-right" style="min-width: 60px;">--%>
                        <%--<li><a href="javascript:;" onclick="openModel('','${ctx}/slog/view?id={{= id }}',true,true)">查看</a></li>--%>
                        <%--&lt;%&ndash;<li><a href="${ctx}/slog/{{= id }}/delete" onclick="return confirm('确认要删除该条数据吗？', this.href)" title="删除">删除</a></li>&ndash;%&gt;--%>
                    <%--</ul>--%>
                <%--</div>--%>
            </shiro:hasPermission>
            </td>

        </tr>

        {{/each}}
    {{else}}
        <tr><td colspan="9" class="text-center">暂无数据</td></tr>
    {{/if}}
</script>
<script>
    $(function(){
        searchPage(1);
    })
    //查询分页数据
    function searchPage(num){
        $.ajax({
            type: 'post',
            url: '${ctx}/sys/session/getPage.json',
            dataType:"json",
            data: {"pageNo":num,"pageSize":$("#paging_js_page_size").val()},
            success: function (data) {
                var page = data.data;
                $( "#tplView" ).empty();
                $("#tplHtml").tmpl( data.data).appendTo( "#tplView" );

                //分页
                $("#page").paging({
                    pageNo:page.pageNo,
                    totalPage: page.totalPage,
                    totalSize: page.totalRecord,
                    callback: function(num) {
                        searchPage(num);
                    }
                })

            }
        });
    }
    function formatDate(t) {
        var now=new Date(t);
        var year=now.getFullYear();
        var month=now.getMonth()+1;
        var date=now.getDate();
        var hour=now.getHours();
        var minute=now.getMinutes();
        var second=now.getSeconds();
        return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
    }

    function doLogout(id){
        var loadingLayer = layer.load(1, {shade: [0.1,'#fff']});//loading
        $.ajax({
            type: 'post',
            url: '${ctx}/sys/session/forceLogout.json?timeStamp='+new Date().getTime(),
            dataType:"json",
            data: {"sessionId":id},
            success: function (data) {
                layer.close(loadingLayer);
                showMsg(data.desc);
            },error:function(){
                layer.close(loadingLayer);
                showMsg("点击过快或程序异常");
            }
        });
    }
</script>
</html>
